<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>查询个人信息</title>
  <link rel="stylesheet" href="./decoration.css">
</head>

<body>
  <!-- 栏目 -->
  <div class="nav">查询个人信息</div>
  <!-- 展示框整体 -->
  <div class="all">
    <!-- 主要信息 -->
    <div class="information">
      <span>学号: <i class="idNumber"></i></span>
      <span>姓名: <i class="name"></i></span>
    </div>
    <!-- 选项栏 -->
    <div class="allChoose">
      <ul class="chooseParent">
        <li class="majorInformationChoose borderChoose">基本信息</li>
        <li class="studyInformationChoose">学籍信息</li>
        <li class="elseInformationChoose">其他信息</li>
      </ul>
    </div>
    <!-- 基本主要信息 -->
    <div class="majorInformation showChoose">
      <ul>
        <li>学号: &nbsp;<span class="idNumber"></span></li>
        <li>姓名: &nbsp;<span class="name"></span></li>
        <li>出生日期: &nbsp;<span class="birthday"></span></li>
        <li>性别: &nbsp;<span class="gender"></span></li>
        <li>证件号码: &nbsp;<span class="idCard"></span></li>
        <li>邮箱: &nbsp;<span class="email"></span></li>
        <li style="width: 500px;">籍贯: &nbsp;<span class="location"></span></li>
      </ul>
    </div>
    <!-- 学籍信息 -->
    <div class="studyInformation majorInformation">
      <ul>
        <li>年级: &nbsp;<span class="grade"></span></li>
        <li>学院名称: &nbsp;<span class="facultiesName"></span></li>
        <li>专业名称: &nbsp;<span class="majorProgram"></span></li>
        <li>班级名称: &nbsp;<span class="className"></span></li>
        <li>培养层次: &nbsp;<span class="degree"></span></li>
      </ul>
    </div>
    <!-- 奖惩信息 -->
    <div class="elseInformation majorInformation">

    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script src="./operation.js"></script>
</body>

</html>